<template>
    <div class="py-12 container-custom">
        <div class="mb-12 text-center">
            <h1 class="mb-4 text-4xl font-bold text-gray-900">联系我们</h1>
            <p class="text-lg text-gray-600 dark:text-gray-400">欢迎随时与我们联系，我们期待为您服务</p>
        </div>

        <div class="grid gap-12 md:grid-cols-2">
            <!-- 联系信息卡片 -->
            <div class="p-8 bg-white shadow-lg rounded-xl dark:bg-gray-800">
                <h2 class="mb-6 text-2xl font-semibold text-gray-900 dark:text-white">联系方式</h2>
                <div class="space-y-6">
                    <div class="flex items-start space-x-4">
                        <div class="p-2 rounded-lg bg-primary/10">
                            <svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="2"
                                    d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
                            </svg>
                        </div>
                        <div>
                            <h3 class="font-medium text-gray-900 dark:text-white">联系电话</h3>
                            <p class="text-gray-600 dark:text-gray-300">158 1155 2808</p>
                        </div>
                    </div>

                    <div class="flex items-start space-x-4">
                        <div class="p-2 rounded-lg bg-primary/10">
                            <svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="2"
                                    d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
                            </svg>
                        </div>
                        <div>
                            <h3 class="font-medium text-gray-900 dark:text-white">电子邮箱</h3>
                            <p class="text-gray-600 dark:text-gray-300">zhangjy@1pei.com.cn</p>
                        </div>
                    </div>

                    <div class="flex items-start space-x-4">
                        <div class="p-2 rounded-lg bg-primary/10">
                            <svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="2"
                                    d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="2"
                                    d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                            </svg>
                        </div>
                        <div>
                            <h3 class="font-medium text-gray-900 dark:text-white">公司地址</h3>
                            <p class="text-gray-600 dark:text-gray-300">陕西省西安市雁塔区云水二路</p>
                            <p class="text-gray-600 dark:text-gray-300">大华股份数智产业园 7座 301</p>
                        </div>
                    </div>

                    <div class="flex items-start space-x-4">
                        <div class="p-2 rounded-lg bg-primary/10">
                            <svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="2"
                                    d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" />
                            </svg>
                        </div>
                        <div>
                            <h3 class="font-medium text-gray-900 dark:text-white">工作时间</h3>
                            <p class="text-gray-600 dark:text-gray-300">周一至周六: 9:00 - 18:30</p>
                            <p class="text-gray-600 dark:text-gray-300">周日: 休息</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 微信二维码卡片 -->
            <div class="p-8 bg-white shadow-lg rounded-xl dark:bg-gray-800">
                <h2 class="mb-6 text-2xl font-semibold text-center text-gray-900 dark:text-white">扫码联系我们</h2>
                <div class="flex flex-col items-center space-y-6">
                    <div class="p-4 bg-white rounded-lg shadow-sm dark:bg-gray-700">
                        <img src="../assets/qr_code.jpg" alt="微信二维码" class="object-cover w-48 h-48" />
                    </div>
                    <p class="text-center text-gray-600 dark:text-gray-400">
                        扫描二维码添加微信<br />
                        第一时间为您服务
                    </p>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
// 移除不需要的表单相关代码
</script>
